<!-- File: /app/View/Posts/index.ctp -->

<!-- Profile -->
<div id="profile">

<!-- Info -->
<div id="info">

    <div class="photo">
        <img src="images/content/photo_red.jpg" height="280" width="280"/>
    </div>

    <div class="personal-info">

        <div class="name-position">
            <div class="name">Chloé Rossi</div>
            <div class="position">Marketing / Communication</div>
        </div>

        <div class="some-link">
            <a href="#portfolio" class="some-link">
                <img class="some-link" src="images/content/somelink.png" height="140" width="580"/>
                <span>See My Portfolio</span>
            </a>
        </div>

    </div>
</div>
<!-- /Info -->

<!-- Content Inner -->
<div class="content-inner">

    <!-- Left Sidebar -->
    <div class="left-sidebar">

        <div id="design-block" class="block">
            <h2>Mes compétences</h2>

            <div class="block-content">
                <!--
                <div class="field roll-with-description hide">
                    <div class="roll-button"><span></span></div>
                <div class="roll-field">
                    <div class="label">Communication digitale</div>
                    <!--<div class="progressbar"><span class="progress-count" level="70"></span></div>
                    <div class="description">...</div>
                </div>
            </div>
            -->
                    <div>
                        <div class="label">Communication digitale</div>
                    </div>
                    <div>
                        <div class="label">Relations presse</div>
                    </div>
                    <div>
                        <div class="label">Communication évenementielle</div>
                    </div>
                    <div>
                        <div class="label">Relations partenaire</div>
                    </div>
                    <!-- Cleaner -->
                    <div class="clear"></div>
                    <!-- /Cleaner -->
                </div>
            </div>

            <div id="design-applications" class="block">
                <h2>Langues parlées</h2>

                <div class="block-content">
                    <div class="tag-field">Anglais</div>
                    <div class="tag-field">Espagnol</div>
                    <div class="tag-field">Hébreu</div>
                </div>
            </div>

        </div>
        <!-- /Left Sidebar -->

        <!-- Content -->
        <div class="content">

            <div id="skills" class="block">
                <h2>Informations générales</h2>

                <div class="block-content">
                    <div class="block-content-left">
                        <div class="field">
                            <span class="label">Nom:</span>
                            <span class="text">Chloé Rossi</span>
                        </div>
                        <div class="field">
                            <span class="label">Age:</span>
                            <span class="text">25 ans</span>
                        </div>
                        <div class="field">
                            <span class="label">Adresse:</span>
                            <span class="text">Paris,<br/>France</span>
                        </div>
                    </div>
                    <div class="block-content-right">
                        <div class="field">
                            <span class="label">Téléphone:</span>
                            <span class="text">+33 6 67 78 40 48</span>
                        </div>
                        <div class="field">
                            <span class="label">E-mail:</span>
                            <span class="text">contact@chloerossi.com</span>
                        </div>
                        <div class="field">
                            <span class="label">Website:</span>
                            <span class="text">www.chloe-rossi.com</span>
                        </div>
                    </div>
                </div>
                <!-- Cleaner -->
                <div class="clear"></div>
                <!-- /Cleaner -->
            </div>

            <h1>Bonjour, je m'appelle Chloé</h1>

            <div class="body">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque
                    sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac
                    diam. Quisque semper justo at risus.</p><br/>

                <p>Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien
                    ultricies dolor, et mollis pede metus eget nisi.</p>
            </div>

        </div>

        <div class="clear"></div>

    </div>
    <!-- /Content Inner -->

</div>
<!-- /Profile-->

<!-- CV -->
<div id="cv">

    <!-- Content Inner -->
    <div class="content-inner">

        <!-- Left Sidebar -->
        <div class="left-sidebar page">

            <div id="programming" class="block">
                <h2>Programming</h2>

                <div class="block-content">
                    <div class="field roll-with-description hide">
                        <div class="roll-button"><span></span></div>
                        <div class="roll-field">
                            <div class="label">HTML & CSS</div>
                            <div class="progressbar"><span class="progress-count" level="70"></span></div>
                            <div class="description">...</div>
                        </div>
                    </div>
                    <div class="field roll-with-description hide">
                        <div class="roll-button"><span></span></div>
                        <div class="roll-field">
                            <div class="label">PHP</div>
                            <div class="progressbar"><span class="progress-count" level="60"></span></div>
                            <div class="description">...</div>
                        </div>
                    </div>
                    <div class="field roll-with-description show">
                        <div class="roll-button"><span></span></div>
                        <div class="roll-field">
                            <div class="label">ASP .NET</div>
                            <div class="progressbar"><span class="progress-count" level="80"></span></div>
                            <div class="description">Development of a web 2.0 community with ASP .NET framework for an
                                online touristic agency.
                            </div>
                        </div>
                    </div>
                    <!-- Cleaner -->
                    <div class="clear"></div>
                    <!-- /Cleaner -->
                </div>
            </div>

            <div id="office-apps" class="block">
                <h2>Office Applications</h2>

                <div class="block-content">
                    <div class="roll-field">
                        <div class="label">MS Word</div>
                        <div class="progressbar"><span class="progress-count" level="75"></span></div>
                    </div>
                    <div class="roll-field">
                        <div class="label">MS Excel</div>
                        <div class="progressbar"><span class="progress-count" level="80"></span></div>
                    </div>
                    <div class="roll-field">
                        <div class="label">Visio</div>
                        <div class="progressbar"><span class="progress-count" level="85"></span></div>
                    </div>
                    <div class="roll-field">
                        <div class="label">Powerpoint</div>
                        <div class="progressbar"><span class="progress-count" level="90"></span></div>
                    </div>
                </div>
            </div>

        </div>
        <!-- /Left Sidebar -->

        <!-- Content -->
        <div class="content">

            <div id="employment" class="block">
                <h2>Employment</h2>

                <div class="block-content">
                    <div class="text-field date">
                        <div class="text-field-left">From<br/>Apr<br/>2013<br/>to<br/>Now</div>
                        <div class="text-field-right">
                            <div class="title">Web Developer</div>
                            <div class="meta without-icon"><span class="tag">Themeforest</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                    <div class="text-field date">
                        <div class="text-field-left">From<br/>Oct<br/>2009<br/>to<br/>Apr<br/>2013</div>
                        <div class="text-field-right">
                            <div class="title">Front-End Developer</div>
                            <div class="meta without-icon"><span class="tag">Codecanyon</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                    <div class="text-field date">
                        <div class="text-field-left">From<br/>Jan<br/>2012<br/>to<br/>Jan<br/>2012</div>
                        <div class="text-field-right">
                            <div class="title">Web Developer</div>
                            <div class="meta without-icon"><span class="tag">Freelance</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="education" class="block last">
                <h2>Education</h2>

                <div class="block-content">
                    <div class="text-field date">
                        <div class="text-field-left">From<br/>Sep<br/>2007<br/>to<br/>Jun<br/>2009</div>
                        <div class="text-field-right">
                            <div class="title">Master of Engineering</div>
                            <div class="meta without-icon"><span class="tag">Harvard</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                    <div class="text-field date last">
                        <div class="text-field-left">From<br/>Sep<br/>2003<br/>to<br/>Jun<br/>2007</div>
                        <div class="text-field-right">
                            <div class="title">Bachelor’s Degree in Engineering</div>
                            <div class="meta without-icon"><span class="tag">Harvard</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- /Content -->

        <!-- Cleaner -->
        <div class="clear"></div>
        <!-- /Cleaner -->

    </div>
    <!-- /Content Inner -->

</div>
<!-- /CV -->

<!-- Documents -->
<div id="documents">

    <!-- Content -->
    <div class="content">

        <!-- Documents Menu -->
        <ul id="documents-menu" class="documents-menu">
            <li class="first"><a href="#letters">Letters</a>/</li>
            <li><a href="#pictures">Pictures</a>/</li>
            <li><a href="#videos">Videos</a>/</li>
            <li class="last"><a href="#links">Links</a></li>
        </ul>
        <!-- /Documents Menu -->

        <!-- Documents Letters -->
        <div id="letters" class="content-inner">

            <div id="curriculum-vitae" class="block">
                <h2>Curriculum Vitae</h2>

                <div class="block-content">
                    <div class="text-field file">
                        <div class="text-field-left"><a href="#">Download<br/>PDF file</a></div>
                        <div class="text-field-right">
                            <div class="title">Jeffrey Richards - CV - PDF</div>
                            <div class="meta without-icon"><span class="date">Uploaded on April 25, 2013</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                    <div class="text-field file">
                        <div class="text-field-left"><a href="#">Download<br/>DOC file</a></div>
                        <div class="text-field-right">
                            <div class="title">Jeffrey Richards - CV - DOC</div>
                            <div class="meta without-icon"><span class="date">Uploaded on April 24, 2013</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="references" class="block last">
                <h2>References</h2>

                <div class="block-content">
                    <div class="text-field file">
                        <div class="text-field-left"><a href="#">Download<br/>PDF file</a></div>
                        <div class="text-field-right">
                            <div class="title">Jeffrey Richards - References from Megasoft Inc.</div>
                            <div class="meta without-icon"><span class="date">Uploaded on April 25, 2013</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                    <div class="text-field file">
                        <div class="text-field-left"><a href="#">Download<br/>PDF file</a></div>
                        <div class="text-field-right">
                            <div class="title">Jeffrey Richards - References from Pear Inc.</div>
                            <div class="meta without-icon"><span class="date">Uploaded on April 23, 2013</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                    <div class="text-field file last">
                        <div class="text-field-left"><a href="#">Download<br/>PDF file</a></div>
                        <div class="text-field-right">
                            <div class="title">Jeffrey Richards - References from John Doe</div>
                            <div class="meta without-icon"><span class="date">Uploaded on April 19, 2013</span></div>
                            <div class="text"><p>Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo
                                    erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie
                                    dolor, ut congue sem porta et.</p></div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Cleaner -->
            <div class="clear"></div>
            <!-- /Cleaner -->

        </div>
        <!-- /Documents Letters -->

        <!-- Documents Pictures -->
        <div id="pictures" class="content-inner">

            <div id="picture-documents" class="block last">
                <h2>Documents</h2>

                <div class="block-content">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic1-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic1.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic2-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic2.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic3-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic3.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic4-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic4.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic5-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic5.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic6-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic6.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic7-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic7.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic8-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic8.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic9-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic9.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic10-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic10.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic11-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic11.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic12-thumb.jpg" height="150" width="200"/><a
                                title="Download" href="images/content/pic12.rar"></a></div>
                        <div class="title">Document Title Goes Here</div>
                    </div>
                </div>
            </div>

            <!-- Cleaner -->
            <div class="clear"></div>
            <!-- /Cleaner -->

        </div>
        <!-- /Documents Pictures -->

        <!-- Documents Videos -->
        <div id="videos"><h2>404 - Page not found</h2>Sorry, the page you are looking for might have been removed, had
            its name changed, or is temporarily unavailable.
        </div>
        <!-- /Documents Videos -->
        <!-- Documents Links -->
        <div id="links"><h2>404 - Page not found</h2>Sorry, the page you are looking for might have been removed, had
            its name changed, or is temporarily unavailable.
        </div>
        <!-- /Documents Links -->

    </div>
    <!-- /Content -->

    <!-- Cleaner -->
    <div class="clear"></div>
    <!-- /Cleaner -->

</div>
<!-- /Documents -->

<!-- Portfolio -->
<div id="portfolio">

    <!-- Content -->
    <div class="content">

        <h2>Portfolio</h2>

        <!-- Portfolio Menu -->
        <ul id="portfolio-menu">
            <li><a href="" class="current" data-filter="*">All</a></li>
            <li><a href="" data-filter=".development">Development</a></li>
            <li><a href="" data-filter=".design">Design</a></li>
            <li><a href="" data-filter=".marketing">Marketing</a></li>
        </ul>
        <!-- /Portfolio Menu -->

        <!-- Portfolio Container -->
        <ul id="portfolio-container">
            <li class="development">
                <a href="images/content/pic1.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic1-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="development">
                <a href="images/content/pic2.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic2-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="development">
                <a href="images/content/pic3.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic3-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="development">
                <a href="images/content/pic4.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic4-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="design">
                <a href="images/content/pic5.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic5-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="design">
                <a href="images/content/pic6.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic6-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="design">
                <a href="images/content/pic7.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic7-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="design">
                <a href="images/content/pic8.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic8-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="design marketing">
                <a href="images/content/pic9.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic9-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="design marketing">
                <a href="images/content/pic10.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic10-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="marketing">
                <a href="images/content/pic11.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic11-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
            <li class="marketing">
                <a href="images/content/pic12.jpg" title="Project Title Goes Here" class="popup">
                    <div class="image-field">
                        <div class="image"><img src="images/content/pic12-thumb.jpg" height="150"
                                                width="200"/><span></span></div>
                        <div class="title">Project Title Goes Here</div>
                    </div>
                </a>
            </li>
        </ul>
        <!-- /Portfolio Container -->

    </div>
    <!-- /Content -->

    <!-- Cleaner -->
    <div class="clear"></div>
    <!-- /Cleaner -->

</div>
<!-- /Portfolio -->

<?php
$i = 0;
foreach ($pages as $page) {
    echo '<div id="page-' . $page['Page']['id'] . '" class="page" data-id="' . $page['Page']['id'] . '" data-admin="' . $this->Session->read(
            'user.is_admin'
        ) . '">';
    if ($i == 0) {
        echo $this->element(
            'widgets',
            array(
                'block' => $blocks
            )
        );
    }

    echo '</div>';
    $i++;
}
?>

<!-- Contacts -->
<div id="contacts">

    <div id="contact-map-block" class="block">
        <h2>Contacts</h2>

        <!--
        <div id="map"></div>
        -->
    </div>

    <!-- Content Inner -->
    <div class="content-inner">

        <div class="left-sidebar">
            <div id="contact-information" class="block">
                <h2>Contact Information</h2>

                <div class="block-content">
                    <div class="contact-field address">
                        <div id="contact-name">Jeffrey Richards</div>
                        <div id="contact-address">1234 Street<br/>Mountain View, CA 94043</div>
                        <!-- From this field take address Google map-->
                    </div>
                    <div class="contact-field phone">
                        <div id="contact-phone">Phone: +1 123-456-7890</div>
                        <div id="contact-fax">Fax: +1 123-456-7890</div>
                    </div>
                    <div class="contact-field mail">
                        <div id="contact-mail">E-mail: email@example.com</div>
                        <div id="contact-site">Website: www.example.com</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content">

            <div id="contact-form" class="block">
                <h3>Drop Me a Line</h3>
                <!-- Contacts Form -->
                <form id="contact">
                    <div id="about">
                        <input title="Your Name" type="text" name="name" class="input" value="Name*"
                               onblur="if (this.value.length == 0) {this.value='Name*'; this.style='color: #849299';}"
                               onfocus="if (this.value== 'Name*') {this.value=''; this.style='color: black';}">
                        <input title="Your E-Mail" type="text" name="email" class="input" value="E-mail*"
                               onblur="if (this.value.length == 0) {this.value='E-mail*'; this.style='color: #849299';}"
                               onfocus="if (this.value== 'E-mail*') {this.value=''; this.style='color: black';}">
                        <input title="Your WebSite" type="text" name="website" class="input" value="WebSite"
                               onblur="if (this.value.length == 0) {this.value='WebSite'; this.style='color: #849299';}"
                               onfocus="if (this.value== 'WebSite') {this.value=''; this.style='color: black';}">
                    </div>
                    <div id="mess">
                        <textarea title="Your Message" name="message" cols="82" rows="6" class="textarea"
                                  onclick="this.value='';" onfocus="this.style='color: black';">How can I help
                            you?*</textarea>
                    </div>
                    <div id="send">
                        <input title="Send Message" type="submit" name="submit" value="Send Message" class="button">
                    </div>
                </form>
                <!-- /Contacts Form -->
            </div>

        </div>

        <!-- Cleaner -->
        <div class="clear"></div>
        <!-- /Cleaner -->

    </div>
    <!-- /Content Inner -->

</div>
<!-- /Contacts -->

<!-- Social Button -->
<div id="social">
    <ul class="pos-button">
        <li class="first"><a href="#" class="facebook" title="Facebook"></a></li>
        <li><a href="#" class="google" title="Google+"></a></li>
        <li><a href="#" class="twitter" title="Twitter"></a></li>
        <li><a href="#" class="linkedin" title="Linkedin"></a></li>
        <li><a href="#" class="pinterest" title="Pinterest"></a></li>
        <li class="last"><a href="#" class="dribbble" title="Dribbble"></a></li>
    </ul>
</div>
<!-- /Social Button -->

<!-- Action Button -->
<div id="action">
    <ul class="pos-button">
        <li class="first"><a href="#" class="print" title="Print"></a></li>
        <li><a href="#" class="save" title="Save"></a></li>
        <li class="last"><a href="#" class="share" title="Share"></a></li>
    </ul>
</div>
<!-- /Action Button -->